import React from 'react'
import indexStyle from '../index.less'
import { Flex } from 'antd'
import TechClassification from '../components/TechClassification'
import ArticleList from '../components/ArticleList'
import ArticleTitleModule from '../components/ArticleTitleModule'
import ArticleRecommend from '../components/ArticleRecommend'

class BasicContent extends React.PureComponent {

  render () {

    return (
      <div className={indexStyle.basicContentStyle}>
        <TechClassification/>
        <div className={indexStyle.contentCenter}>
          <Flex justify={'space-between'}>
            <div className={indexStyle.contentLeft}>
              <ArticleList/>
            </div>
            <div className={indexStyle.contentRight}>
                <ArticleRecommend/>
            </div>
          </Flex>
        </div>
      </div>
    )
  }
}

export default BasicContent
